<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="content-language" content="es" />
   		<style type="text/css">
		@import "<?=$this->base_url?>css/fontloader.css";
		/*@import "<?=$this->base_url?>css/admin.css";*/
		</style>
		<?=$this->headStyle()?>
		<script type="text/javascript">var baseurl="<?=substr($this->base_url, 0, -1)?>";</script>
		<?=$this->dojo()?>
		<script type="text/javascript" src="<?=$this->base_url?>js/api/source/admin.js"></script>
   		<script type="text/javascript" src="<?=$this->base_url?>js/api/source/functions.js"></script>
   		<script type="text/javascript" src="<?=$this->base_url?>js/api/source/ajax.js"></script>		
		<?=$this->list?>
		<script type="text/javascript" src="<?=$this->base_url?>js/lib/source/dojo.admin.js"></script>
		<style type="text/css">
            .dojoxGrid table {
                margin: 0;
            }

            .center
            {
                text-align: center;
            }

            .center table
            {
                margin-left: auto;
                margin-right: auto;

            }        

            html, body { width: 100%; height: 100%; margin: 0; overflow:hidden; }
            #borderContainer { width: 100%; height: 100%; }

        </style>
	</head>
	<body class="claro">
		<div dojoType="dijit.layout.BorderContainer" design="headline" gutters="true" liveSplitters="true" id="borderContainer">
            <div dojoType="dojox.layout.ContentPane" splitter="false" region="top" executeScripts="true" scriptHasHooks="true"
                 style="height:40px;">
                <div id="logosAdm" style="text-align: left;float: left;"> Logos </div>
                <div id="tituloAdm" style="text-align: left;float: left;padding-left:20px;font-weight: bold"> Titulo </div>
                <div style="text-align: right; float: right;">
                    <button dojoType="dijit.form.DropDownButton" iconClass="dijitIconConfigure">
                        <span>Configuracion</span>
                        <div dojoType="dijit.Menu" id="confMenu" style="display: none;">
                            <div dojoType="dijit.MenuItem" id="btnConfPersonal"
                                    iconClass="dijitIconTask">
                                    Personal
                            </div>

                            <div dojoType="dijit.MenuItem" id="btnConfUsuarios"
                                     iconClass="dijitIconUsers">
                                    Usuarios
                            </div>
                        </div>
                    </button>
                    <button type="button" dojoType="dijit.form.Button" name="btnSalir" id="btnSalir" iconClass="dijitIconError">
                        Salir
                    </button>
                </div>
                <div id="infoUsr" style="text-align: right; float: right;padding-right:20px;font-weight: bold">Info de Usuario</div>
            </div>
            <!-- Panel derecho -->
            <div dojoType="dojox.layout.ContentPane" splitter="true" region="leading" executeScripts="true" scriptHasHooks="true"  style="width: 200px;">
                <div class="tituloPanel">Men&uacute; Principal</div>
                <br/>
                <div id="arbolPrincipal"></div> 
            </div>
            <!-- Panel central -->
            <div id="panel_central" dojoType="dojox.layout.ContentPane" splitter="true" region="center" executeScripts="true" scriptHasHooks="true">
            </div>
		</div>			
	</body>
</html>
